@CHARSET "UTF-8";
/*-------------------------------
주    제 : position_relative 
작성일자 : 2014. 10
작 성 자 : It - universe
------------------------------- */

#p{
	border : 1px solid #aaaaaa;
	width : 500px;
	height : 500px;
	position : relative;
	top : 100px;
	left : 100px;
}
#c1, #c2, #c3, #c4{
	border : 1px solid #ff0000;
	width : 100px;
	height : 100px;
	position : relative;
}
/* #c1{top : 0px; left : 0px;}
#c2{top : 0px; left : 101px;}
#c3{top : 101px; left : 0px;}
#c4{top : 101px; left : 101px;} */

#c1{}
#c2{top : -102px; left : 101px;}
#c3{top : -102px; left : 101px;}
#c4{top : -204px;}